Introduction
Thank you for purchasing this awesome theme! This documentation will help you get familiar with this theme. Please don't forget to leave this
theme a good rating and we would really appreciate if you can also leave
us a good rating. If this theme did not meet your expectation, please before leaving a low rating, contact us and hopefully, we can fix any issues you are having.
An up-to-date documenation is available online 24/7 and can be access via our portal.
Useful Links
Customer Portal
Follow us on Envato
Follow us on Twitter
Like our page on Facebook
Dedicated Support Portal
Two types of license are available: Regular or Extended. If you are using this script for multiple websites, you must
buy a license for each of them.
Items purchased under a Regular or Extended License may NOT be redistributed or resold "as-is" or as part of any other collection of image resources or files. You do not own the software but simply own a license to operate it therefore the author of this item has full rights on this item.
Regular License Examples (from Envato)
The Regular License could be used for the following:
- Single website (commercial, personal, or non-profit).
- Single website for a client (commercial, personal, or non-profit).
- Single intranet site project.
Extended License Examples (from Envato)
The Extended License could be used for any of the following:
- An online service where the file can be displayed on multiple users' pages.
- Part of a software package for sale.
Support
If you stumble upon an issue or if you need help you may contact via my
codecanyon profile and I would be happy to help you.
Installation
Installation
This installation of theme is very easy. Upload main.zip to themes/ folder on your server then extract it there. Once you extract it, you should see a folder named "saas". The themes are in that folder.
Once you have extracted it, go to your admin panel and you should see a theme named "SaaS". All you have to do is to activate it.
Configuration
Address
If you choose to add your company's address, you can enable this feature and fill the form. This will show your company address in the contact page.
Testimonials
Testimonials are a great way to show your customers' feedback on your site. Once enabled, it will be displayed right after the main section on the homepage. You can add and delete testimonials as you need in the themes option page.
Styles
This theme comes with 5 different color that you can easily switch via the themes option page of the admin panel. Once you activate the theme, the "option" page will appear in the sidebar. Please note that the color defined in the admin doesn't necessarily reflect the actual style color.
Style Generator
This theme includes two LESS files that you can use to generate custom styles. LESS is dynamic CSS processor that is very easy to work with. You cannot directly use LESS because it requires its JS library however you will need to process it using a LESS processor. Once you have done all of your changes, you can use any of the online processors to generate CSS files. Below is a list of LESS along with description.
Main Stylesheet: style.less
This file has all of the style clauses that your will find in style.css. You can change this file if you want to change the layout and other stuff.
How to use LESS
You don't need to have a very good knowledge of LESS to work with it. If you open one of the files in a text editor, you will see right at beginning the following. The following is what you can use to generate different styles. All you need to do is to change hex colors in the right side and then copy everything and paste into the LESS processor that you can easily find online.
@blue: #0067F4;
@secondary: #2148b1;
@green: #82e26f;
@red: #C4183C;
@black: #151131;
@yellow: #FFB400;
@violet: #D202FF;
@pink: #FF4E73;
@body_color: #F8FAFF;
@header_color: @black;
@calltoaction: #e8e8e8;
// Primary Gradient
@primary1: @violet;
@primary2: @pink;
// Secondary Gradient
@secondary1: @violet;
@secondary2: lighten(@secondary, 10%);
// SVG
@svg1: #A202C5;
@svg2: #2C043E;
@header: #fff;
@hero: #f0f5f9;
@mainForm: #fff;
@content_bg: #fff;
@facebook_button: #3B5998;
@twitter_button: #409DD5;
@google_button: #D34836;
Icons
Icons for Plans
You can themify icons from the following page Themify. For the plans, simple add the class name. E.g. ti-package